// pages/feedback/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    tabs: [{
      id: 0,
      name: "体验问题",
      isActive: true
      },{
      id: 1,
      name: "商品、商家投诉",
      isActive: false
      }
    ],
    // 用户选择要上传的图片
    chooseImgs: [],
    // 文本框输入的内容
    inpText: ""
  },
  
  // 已成功上传的图片地址
  upLoadedImgs: [],

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    // 实际开发中没有下面这几行
    wx.showToast({
      title: '非真实商城，仅供展示',
      icon: 'none',
    });
    // 实际开发中没有上面这几行
  },

  /** 
   * 处理点击标题栏时，根据不同标题的索引加载不同的主体内容
   */
  handleItemTap(e) {
    const {index} = e.detail;
    let tabs = this.data.tabs;
    tabs.forEach(v => {
      v.id === index ? v.isActive = true : v.isActive = false;
    })
    this.setData({
      tabs: tabs,
      chooseImgs: [],
      inpText: ""
    })
  },

  // 处理点击上传图片
  handleChooseImg() {
    wx.chooseImage({
      count: 9,
      sizeType: ['original','compressed'],
      sourceType: ['album','camera'],
      success: (result)=>{
        this.setData({
          chooseImgs: [...this.data.chooseImgs,...result.tempFilePaths],
        });
      }
    });
  },

  // 处理删除已选中的照片
  chooseRemoveImg(e) {
    // 照片的索引值
    const index = e.detail.index;
    let chooseImgs = this.data.chooseImgs;
    chooseImgs.splice(index,1);
    this.setData({chooseImgs});
  },

  // 监听文本域的输入
  handleTextInput(e) {
    // 获取用户输入
    const inpText = e.detail.value;
    // 存入本地数据
    this.setData({inpText});
  },
  
  // 处理点击提交
  handleSubmit() {
    // 获取用户输入的文本和要上传图片的地址
    const {inpText,chooseImgs} = this.data;
    // 判断文本内容的合法性
    if (!inpText.trim()) 
    {
      wx.showToast({
        title: '请输入文本内容！',
        icon: 'none',
        mask: true
      });
      return;  
    }

    // 开启上传中的动画
    wx.showLoading({
      title: "正在上传中",
      mask: true
    });

    // 判断是否是图文上传
    if (chooseImgs.length > 0) 
    {
      // 遍历地址数组并逐个上传
      chooseImgs.forEach((v,i) => {
        wx.uploadFile({
          // url: 'http://my.zol.com.cn/index.php?c=Ajax_User&a=uploadImg',
          url: 'https://images.ac.cn/Home/Index/UploadAction/',
          filePath: v,
          // name: "myPhoto",
          name: "file",
          formData: {},
          success: (result)=>{
            // 保存图片上传后的网络地址
            this.upLoadedImgs.push(JSON.parse(result.data).url)
            // 判断该图片是否是最后一张
            if (i == chooseImgs.length - 1) 
            {
              /**
               * 将文本内容和上传的图片地址存入自己的服务器中，
               * 这里因为没有接口所以本地模拟提示反馈成功
               */
              console.log("图文上传成功！");
              this.setData({inpText: "",chooseImgs: []});
            }        
          }
        });
      });
    }
    else 
    {
      console.log("只有文字上传！");
      this.setData({inpText: ""});
    }
    wx.hideLoading();
    // 提示反馈成功
    wx.showToast({
      title: '反馈成功',
      icon: 'success',
      mask: true
    });    
    // 跳转至上页
    setTimeout(() => {
      wx.navigateBack({
        delta: 1
      });
    },2000);
  }

})